<template>
  <div class="aboutus">

    <img class="banner" src="../../assets/about/banner.jpg" alt="" />
    <div class="content">
      <img class="banner" src="../../assets/about/tit.png" alt="" />
      <ul>
        <li>
          <div>
            <svg
            style="width:50px; height:50px"
              t="1703079199728"
              class="icon"
              viewBox="0 0 1024 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="4256"
              width="128"
              height="128"
            >
              <path
                d="M170.666667 170.666667v42.666666h-21.333334a21.333333 21.333333 0 0 1 0-42.666666z m-21.333334 640a21.333333 21.333333 0 0 0 0 42.666666h21.333334v-42.666666z m0-384a21.333333 21.333333 0 0 0 0 42.666666h21.333334v-42.666666z m0 128a21.333333 21.333333 0 0 0 0 42.666666h21.333334v-42.666666z m0 128a21.333333 21.333333 0 0 0 0 42.666666h21.333334v-42.666666z m0-384a21.333333 21.333333 0 0 0 0 42.666666h21.333334v-42.666666z m789.333334-208v842.666666a48.053333 48.053333 0 0 1-48 48H218.666667a48.053333 48.053333 0 0 1-48-48v-80h64a21.333333 21.333333 0 0 0 21.333333-21.333333 21.333333 21.333333 0 0 0-21.333333-21.333333h-64v-85.333334h64a21.333333 21.333333 0 0 0 21.333333-21.333333 21.333333 21.333333 0 0 0-21.333333-21.333333h-64V597.333333h64a21.333333 21.333333 0 0 0 21.333333-21.333333 21.333333 21.333333 0 0 0-21.333333-21.333333h-64V469.333333h64a21.333333 21.333333 0 0 0 21.333333-21.333333 21.333333 21.333333 0 0 0-21.333333-21.333333h-64V341.333333h64a21.333333 21.333333 0 0 0 21.333333-21.333333 21.333333 21.333333 0 0 0-21.333333-21.333333h-64V213.333333h64a21.333333 21.333333 0 0 0 21.333333-21.333333 21.333333 21.333333 0 0 0-21.333333-21.333333h-64V90.666667a48.053333 48.053333 0 0 1 48-48h672a48.053333 48.053333 0 0 1 48 48z m-138.866667 536.946666l-98.053333-98.053333a16 16 0 0 0-22.626667 0l-33.946667 33.94c-24.993333 25-72.266667 18.24-105.593333-15.08s-40.08-80.6-15.08-105.593333l33.94-33.946667a16 16 0 0 0 0-22.626667L460.386667 288.2a16 16 0 0 0-22.626667 0l-33.94 33.946667c-58.32 58.313333-24.553333 186.666667 75.42 286.613333s228.3 133.74 286.613333 75.42l33.946667-33.94a16 16 0 0 0 0-22.626667z"
                p-id="4257"
              ></path>
            </svg>

            <div class="infos">
              <div class="top">
                <div>电话咨询</div>
                <div>+86 {{info.tel}}</div>
              </div>
              <div style="width:100px; height:100px">
                <!-- <img src="../../assets/about/ewm.jpg" alt="" /> -->
              </div>
              
            </div>
          </div>
        </li>
        <li>
          <div>
            <svg t="1703081652744" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5317" width="128" height="128"><path d="M664.250054 368.541681c10.015098 0 19.892049 0.732687 29.67281 1.795902-26.647917-122.810047-159.358451-214.077703-310.826188-214.077703-169.353083 0-308.085774 114.232694-308.085774 259.274068 0 83.708494 46.165436 152.460344 123.281791 205.78483l-30.80868 91.730191 107.688651-53.455469c38.558178 7.53665 69.459978 15.308661 107.924012 15.308661 9.66308 0 19.230993-0.470721 28.752858-1.225921-6.025227-20.36584-9.521864-41.723264-9.521864-63.862493C402.328693 476.632491 517.908058 368.541681 664.250054 368.541681zM498.62897 285.87389c23.200398 0 38.557154 15.120372 38.557154 38.061874 0 22.846334-15.356756 38.156018-38.557154 38.156018-23.107277 0-46.260603-15.309684-46.260603-38.156018C452.368366 300.994262 475.522716 285.87389 498.62897 285.87389zM283.016307 362.090758c-23.107277 0-46.402843-15.309684-46.402843-38.156018 0-22.941502 23.295566-38.061874 46.402843-38.061874 23.081695 0 38.46301 15.120372 38.46301 38.061874C321.479317 346.782098 306.098002 362.090758 283.016307 362.090758zM945.448458 606.151333c0-121.888048-123.258255-221.236753-261.683954-221.236753-146.57838 0-262.015505 99.348706-262.015505 221.236753 0 122.06508 115.437126 221.200938 262.015505 221.200938 30.66644 0 61.617359-7.609305 92.423993-15.262612l84.513836 45.786813-23.178909-76.17082C899.379213 735.776599 945.448458 674.90216 945.448458 606.151333zM598.803483 567.994292c-15.332197 0-30.807656-15.096836-30.807656-30.501688 0-15.190981 15.47546-30.477129 30.807656-30.477129 23.295566 0 38.558178 15.286148 38.558178 30.477129C637.361661 552.897456 622.099049 567.994292 598.803483 567.994292zM768.25071 567.994292c-15.213493 0-30.594809-15.096836-30.594809-30.501688 0-15.190981 15.381315-30.477129 30.594809-30.477129 23.107277 0 38.558178 15.286148 38.558178 30.477129C806.808888 552.897456 791.357987 567.994292 768.25071 567.994292z"  p-id="5318"></path></svg>
            <div class="infos">
              <div class="top">
                <div>微信咨询</div>
                <div>扫描二维码,加我为好友</div>
              </div>
              <img :src="info.vxUrl" alt="" />
            </div>
          </div>
        </li>
        <li>
          <div>
            <svg t="1703081698521" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6311" width="128" height="128"><path d="M1024.5 240v13.3L570.2 492.9c-36.9 19.5-81 19.7-118.2 0.7L0.5 261.8V240c0-35.3 28.7-64 64-64h896c35.3 0 64 28.7 64 64z" p-id="6312"></path><path d="M1024.5 325.7V784c0 35.3-28.7 64-64 64h-896c-35.3 0-64-28.7-64-64V333.7l452 232c37.1 19.1 81.2 18.8 118.1-0.7l453.9-239.3z" p-id="6313"></path></svg>

            <div class="infos">
              <div class="top">
                <div>邮件咨询 </div>
                <div>{{info.mailbox}}</div>
              </div>
              <div style="width:100px; height:100px">
                <!-- <img src="../../assets/about/ewm.jpg" alt="" /> -->
              </div>
              
            </div>
          </div>
        </li>
        <li>
          <div>
            <svg style="width:50px; height:50px" t="1703081748639" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7410" width="128" height="128"><path d="M1023.069308 512.239252c0 88.04486 0.478505 176.328972-0.239252 264.373832-0.478505 51.2-8.373832 100.964486-37.323364 144.747664-37.562617 56.463551-90.198131 89.001869-157.188785 97.136448-27.992523 3.349533-56.463551 4.545794-84.456075 4.545795-164.605607 0.478505-329.211215 0.478505-494.056075 0-33.495327 0-66.990654-3.11028-98.811215-14.594393-83.259813-30.145794-131.588785-89.719626-145.226168-176.568224-3.828037-23.925234-4.785047-48.328972-4.785047-72.493458-0.478505-170.347664-0.478505-340.456075 0-510.803738 0.239252-49.525234 7.416822-97.854206 34.213084-140.919627 36.605607-58.616822 89.719626-92.829907 158.145795-101.921495 27.035514-3.588785 54.788785-4.785047 82.063551-4.785047 166.758879-0.478505 333.278505-0.478505 500.037383 0 34.691589 0 69.383178 3.349533 102.160748 16.029907 81.345794 31.342056 128 90.676636 140.919626 176.08972 3.588785 24.403738 4.545794 49.046729 4.785047 73.689719 0.239252 81.824299-0.239252 163.648598-0.239253 245.472897zM644.514692 172.261682h-122.956561a8.622654 8.622654 0 0 0-8.64658 8.622654l-0.260785 275.3603 0.260785 174.931738c0.614879 44.776075-34.753794 87.941981-85.52314 87.941981-50.106617 0-86.04471-42.52471-86.04471-84.056523 0-26.817794 10.991252-52.736 35.794542-71.498168 16.750056-12.651664 40.794916-18.075514 81.733383-18.075514a8.622654 8.622654 0 0 0 8.648972-8.622655v-108.83828a8.622654 8.622654 0 0 0-8.22071-8.622654c-104.95043-5.048224-178.865047 32.880449-220.231776 113.501308C166.005234 675.500262 250.322542 851.738318 435.063626 851.738318c89.741159 0 149.27671-37.574579 183.178767-100.923813 12.292785-22.980187 20.444112-48.08972 25.229158-73.914617l1.256075-7.345047c2.296822-14.402991 3.292112-27.243664 3.363888-37.478878v-210.420038l3.741907 2.225047c36.036187 21.300636 67.141383 34.423626 93.461532 39.376149l12.201869 2.225047 10.826169 1.849421 4.928598 0.75843 8.859514 1.256074 7.579514 0.875664c5.806654 0.569421 10.283065 0.710579 13.481869 0.47372a8.648972 8.648972 0 0 0 7.959925-8.622655v-111.867215a8.620262 8.620262 0 0 0-7.581906-8.553271c-26.107215-3.150953-48.565832-9.122692-67.375851-17.862579-45.792897-21.274318-83.037308-58.305794-83.013383-99.835215V180.886729A8.622654 8.622654 0 0 0 644.490766 172.261682h0.023926z"  p-id="7411"></path></svg>

            <div class="infos">
              <div class="top">
                <div>抖音账号 </div>
                <div>扫描二维码,了解更多</div>
              </div>
              <img :src="info.dyUrl" alt="" />
            </div>
          </div>
        </li>
        <li>
          <div>
           <svg  t="1703081781651" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8410" width="128" height="128"><path d="M238.933333 588.8c2.56 17.493333 5.12 35.157333 7.68 53.333333l24.448-17.706666 21.205334-15.36c-2.048-2.432-43.52-18.176-53.333334-20.266667zM605.866667 588.8l7.68 53.333333 24.149333-17.493333 21.504-15.573333c-2.048-2.432-43.52-18.176-53.333333-20.266667z" fill="#94969B" p-id="8411"></path><path d="M768 85.333333H256a170.666667 170.666667 0 0 0-170.666667 170.666667v512a170.666667 170.666667 0 0 0 170.666667 170.666667h512a170.666667 170.666667 0 0 0 170.666667-170.666667V256a170.666667 170.666667 0 0 0-170.666667-170.666667zM307.114667 562.133333c12.672 5.12 25.002667 10.922667 35.968 19.2 9.130667 6.826667 11.264 15.317333 6.314666 27.776a37.12 37.12 0 0 1-14.08 18.474667c-15.36 12.16-31.189333 22.698667-49.706666 28.885333a240.213333 240.213333 0 0 1-39.850667 9.685334c-12.842667 1.92-25.856 3.072-38.954667 4.266666-4.864 0.426667-9.770667 0.853333-14.634666 1.365334a38.314667 38.314667 0 0 1-7.253334 0.085333 79.701333 79.701333 0 0 0-3.84-0.085333c-1.792 0-2.304-0.896-2.304-2.645334-0.128-5.888-0.554667-11.946667-0.981333-18.090666l-0.426667-6.4a983.04 983.04 0 0 0-3.2-31.488l-2.602666-21.76a11542.016 11542.016 0 0 1-5.632-46.165334 2051.072 2051.072 0 0 1-2.688-21.973333l-1.621334-14.592a969.813333 969.813333 0 0 0-3.669333-30.464l-2.56-18.005333a3233.706667 3233.706667 0 0 0-4.821333-33.365334c-2.645333-20.053333-6.528-40.277333-11.818667-59.989333-0.341333-0.853333 0.512-2.645333 1.066667-3.157333a3152.512 3152.512 0 0 0 53.418666-21.162667c4.48-1.962667 4.906667-2.133333 4.906667 4.608 0 31.146667 0 62.122667 0.554667 93.269333 0.341333 16.213333 0.853333 32.384 2.133333 48.554667 0.853333 12.757333 2.133333 25.6 3.370667 38.570667l1.877333 20.181333c0 0.512 0.170667 0.938667 0.341333 1.322667 0.085333 0.298667 0.213333 0.554667 0.213334 0.810666l5.248-0.298666c4.864-0.298667 9.685333-0.597333 14.506666-0.597334 27.648-0.682667 54.784 2.986667 80.725334 13.226667z m147.029333 29.141334l0.298667 3.456c1.28 11.008 2.56 22.186667 3.328 33.792l0.896 9.6c0 1.749333-0.896 2.133333-2.730667 1.749333-5.12-0.426667-10.069333-0.853333-15.146667-1.194667l-13.653333-1.066666-3.285333-32c-7.381333-72.618667-14.805333-145.664-29.184-218.581334l7.765333-0.853333 8.533333-0.896c6.4-0.298667 12.757333-0.725333 19.114667-1.237333 5.290667-0.341333 7.296 0.853333 7.68 5.802666l2.730667 39.509334a4926.464 4926.464 0 0 1 4.053333 53.546666l0.853333 12.885334c0.512 8.618667 1.066667 17.152 1.92 25.813333 0.64 7.381333 1.365333 14.762667 2.090667 22.058667l1.92 20.096c1.152 9.002667 2.005333 18.432 2.816 27.52z m-55.296-3.029334l1.578667 15.061334c0.896 8.576 1.92 17.28 2.944 26.154666a14918.741333 14918.741333 0 0 1 1.28 11.52c0.256 1.92 0.512 3.882667 0.682666 5.888-9.472 1.194667-18.773333 2.389333-28.544 3.797334-8.448-44.8-16.725333-89.6-24.789333-134.442667 3.669333-0.426667 7.210667-1.024 10.709333-1.578667 3.114667-0.469333 6.144-0.981333 9.173334-1.365333 2.730667-0.426667 5.461333-0.597333 8.192-0.768 2.048-0.128 4.053333-0.213333 6.016-0.426667 2.602667-0.384 4.266667 0.853333 4.565333 3.413334l0.938667 6.528c0.725333 4.821333 1.450667 9.642667 2.005333 14.677333 1.109333 8.789333 1.92 17.706667 2.730667 26.581333l0.853333 8.96 1.706667 16z m101.546667 31.914667l0.597333 26.325333c0 0.853333 0 2.090667 0.341333 4.010667l-9.728 0.085333c-6.4 0.085333-12.672 0.170667-18.773333-0.085333-0.853333 0-2.261333-1.408-2.261333-2.261333l-1.962667-22.869334c-0.64-7.68-1.28-15.317333-2.005333-22.954666l-1.877334-21.248-1.92-21.248a3580.074667 3580.074667 0 0 0-1.706666-19.712c-0.725333-7.936-1.450667-15.957333-2.090667-23.978667 0-0.853333 0-1.749333-0.341333-2.986667 3.413333-0.725333 6.570667-1.237333 10.026666-1.237333 9.045333 0 18.090667 0.170667 27.136 0.554667 2.218667 0 3.413333 1.706667 3.413334 3.84l0.256 4.821333c0.128 2.986667 0.298667 5.973333 0.298666 9.045333l-0.085333 21.461334c-0.085333 14.421333-0.128 28.842667 0.085333 43.136l0.597334 25.301333z m-119.082667-163.370667c0.853333 10.666667 1.706667 21.376 2.688 32.469334-3.242667 0.426667-6.4 0.682667-9.6 0.896l-6.058667 0.512-3.2-29.696-2.474666-23.296c5.077333-0.341333 9.984-0.341333 14.762666-0.341334 1.493333 0 2.261333 1.066667 2.56 3.157334l1.28 16.298666z m130.688-4.693333v49.237333l-11.093333-0.469333a858.453333 858.453333 0 0 1-10.24-0.426667V448h17.024c2.944 0 4.309333 0.896 4.309333 4.138667z m-149.333333 43.306667v3.498666l-12.885334 2.432-5.376-32.426666L341.333333 450.304c2.56-0.256 5.034667-0.682667 7.509334-1.109333 2.56-0.426667 5.034667-0.853333 7.594666-1.152 1.706667-0.256 1.749333 0.853333 1.792 2.005333 0 0.426667 0.042667 0.768 0.128 1.152l0.853334 8.96 0.768 8.32c0.384 4.565333 0.853333 9.002667 1.322666 13.482667 0.512 4.437333 0.981333 8.874667 1.365334 13.44z m117.333333-22.442667v27.136c-5.973333 0.512-11.349333 0.853333-16.725333 1.237333-1.066667-11.349333-2.048-22.784-2.986667-34.56l-1.621333-18.773333h17.749333c2.56 0 3.584 0.554667 3.584 3.2a197.290667 197.290667 0 0 0-0.085333 14.592l0.085333 7.168z m200.533333 89.301333c12.672 5.12 25.002667 10.922667 35.925334 19.2 9.130667 6.826667 11.264 15.317333 6.144 27.648a37.205333 37.205333 0 0 1-14.08 18.474667c-15.36 12.16-31.189333 22.698667-49.706667 28.885333a238.805333 238.805333 0 0 1-39.808 9.685334c-12.842667 1.92-25.856 3.072-38.954667 4.266666-4.864 0.426667-9.770667 0.853333-14.634666 1.365334a38.314667 38.314667 0 0 1-7.253334 0.085333 79.914667 79.914667 0 0 0-3.84-0.085333c-1.749333 0-2.304-0.896-2.304-2.645334a383.701333 383.701333 0 0 0-0.981333-17.962666l-0.426667-6.528c-0.853333-10.538667-1.92-20.906667-3.157333-31.488l-2.688-22.101334-2.602667-21.76c-0.896-7.978667-1.92-15.914667-2.901333-23.808a2034.858667 2034.858667 0 0 1-4.352-36.949333c-1.152-10.154667-2.261333-20.309333-3.669333-30.421333l-2.56-17.706667a3370.24 3370.24 0 0 0-4.864-33.706667 469.333333 469.333333 0 0 0-11.776-60.032c-0.213333-0.853333 0.682667-2.645333 1.194666-2.986666a3115.52 3115.52 0 0 0 52.181334-20.565334c0.426667-0.213333 0.853333-0.426667 1.28-0.554666 4.437333-2.005333 4.906667-2.218667 4.906666 4.565333 0 31.146667 0 62.165333 0.512 93.312 0.341333 16.213333 0.853333 32.426667 2.133334 48.597333 0.896 12.586667 2.133333 25.344 3.328 38.144 0.682667 6.869333 1.322667 13.738667 1.92 20.650667 0 0.512 0.170667 0.938667 0.341333 1.28a2.389333 2.389333 0 0 1 0.213333 0.853333l5.248-0.341333c4.864-0.256 9.685333-0.554667 14.506667-0.554667 27.648-0.725333 54.784 2.986667 80.682667 13.226667z m146.944 29.013334l0.298667 3.456c1.28 11.008 2.56 22.186667 3.328 33.792l0.896 9.6c0 1.749333-0.896 2.133333-2.730667 1.749333-5.12-0.426667-10.069333-0.853333-15.146666-1.194667l-13.653334-1.066666-3.285333-32c-7.381333-72.618667-14.805333-145.664-29.184-218.581334l7.765333-0.853333 8.533334-0.896c6.442667-0.341333 12.672-0.682667 19.114666-1.237333 5.290667-0.341333 7.296 0.853333 7.68 5.802666l2.730667 39.509334c0.64 8.746667 1.28 17.450667 2.005333 26.154666l2.048 27.392 0.853334 12.885334c0.512 8.618667 1.066667 17.152 1.92 25.813333 0.64 7.381333 1.365333 14.762667 2.090666 22.058667l1.92 20.096c1.152 9.002667 2.005333 18.432 2.816 27.52z m-55.296-3.029334l1.578667 15.061334c0.896 8.576 1.92 17.237333 2.901333 26.112l0.853334 7.381333 0.512 4.224 0.64 5.845333c-9.514667 1.194667-19.029333 2.474667-28.544 3.797334-8.448-44.8-16.725333-89.6-24.789334-134.442667 3.669333-0.426667 7.210667-1.024 10.752-1.578667 3.072-0.469333 6.101333-0.981333 9.130667-1.365333 2.730667-0.426667 5.461333-0.597333 8.192-0.768 2.048-0.128 4.053333-0.213333 6.016-0.426667 2.602667-0.384 4.266667 0.853333 4.565333 3.413334l0.938667 6.528c0.725333 4.821333 1.450667 9.642667 2.005333 14.677333 1.066667 8.789333 1.92 17.706667 2.730667 26.581333l0.853333 8.96 1.706667 16z m112.213334 31.914667l0.597333 26.325333c0 0.853333 0 2.090667 0.341333 4.010667l-9.728 0.085333c-6.4 0.085333-12.672 0.170667-18.773333-0.085333-0.853333 0-2.261333-1.408-2.261333-2.261333l-1.962667-22.869334c-0.64-7.68-1.28-15.274667-2.005333-22.954666l-1.877334-21.248a4343.125333 4343.125333 0 0 1-3.626666-40.96c-0.725333-7.936-1.450667-15.957333-2.090667-23.978667 0-0.853333 0-1.749333-0.341333-2.986667 3.413333-0.725333 6.570667-1.237333 10.026666-1.237333 9.045333 0 18.090667 0.170667 27.136 0.554667 2.218667 0 3.413333 1.706667 3.413334 3.84l0.256 4.821333c0.128 2.986667 0.298667 5.973333 0.298666 9.045333l-0.085333 21.461334c-0.085333 14.421333-0.128 28.842667 0.085333 43.136l0.597334 25.301333z m-129.749334-163.413333c0.853333 10.709333 1.706667 21.418667 2.688 32.512-3.242667 0.426667-6.4 0.682667-9.6 0.896l-6.058666 0.512a11284.906667 11284.906667 0 0 1-5.674667-52.992c5.077333-0.341333 9.984-0.341333 14.762667-0.341334 1.493333 0 2.261333 1.066667 2.56 3.157334l1.28 16.298666z m130.688-4.608v49.194666l-11.093333-0.469333a858.453333 858.453333 0 0 1-10.24-0.426667v-0.341333c-5.973333 0.512-11.349333 0.853333-16.725333 1.237333-1.066667-11.349333-2.048-22.784-2.986667-34.56l-1.621333-18.773333h17.749333c2.56 0 3.584 0.554667 3.584 3.2a197.290667 197.290667 0 0 0-0.085333 14.592l0.085333 7.168V448h17.024c2.944 0 4.309333 0.896 4.309333 4.138667z m-149.333333 43.264v3.498666l-12.885333 2.432-5.376-32.426666-3.072-18.602667c2.56-0.256 5.034667-0.682667 7.509333-1.109333 2.56-0.426667 5.034667-0.853333 7.594667-1.152 1.706667-0.256 1.749333 0.853333 1.834666 2.005333a600.661333 600.661333 0 0 0 0.938667 10.069333l0.768 8.362667c0.384 4.565333 0.853333 9.002667 1.322667 13.482667 0.512 4.437333 0.981333 8.874667 1.365333 13.44z"  p-id="8412"></path></svg>

            <div class="infos">
              <div class="top">
                <div>B站账号 </div>
                <div>扫描二维码,了解更多</div>
              </div>
              <img :src="info.bliUrl" alt="" />
            </div>
          </div>
        </li>
        <li>
          <div>
            <svg t="1703081816476" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9393" width="128" height="128"><path d="M959.838737 312.721653c-0.172014-14.277171-0.172014-20.125651-0.344028-26.834201-0.344028-20.125651-1.720141-40.423316-5.160423-58.656812-3.78431-19.781623-8.77272-37.843104-17.889467-55.904586-9.288762-18.233496-22.017806-34.058794-35.778935-48.163951-14.105157-13.761129-29.930455-26.490173-48.163951-35.778935-18.061482-9.116748-35.950949-14.105157-55.732572-17.889467-18.061482-3.440282-38.531161-4.644381-58.656812-4.988409-6.70855-0.172014-12.55703-0.172014-26.834201-0.344028-13.589115-0.172014-24.598018-0.172014-32.854695-0.172014-41.627415 0-291.047875 0-332.67529 0-8.256677 0-19.26558 0-32.854695 0.172014-14.277171 0.172014-20.125651 0.172014-26.834201 0.344028-20.125651 0.344028-40.423316 1.720141-58.656812 5.160423-19.781623 3.78431-37.843104 8.77272-55.904586 17.889467-18.233496 9.288762-34.058794 22.017806-48.163951 35.778935-13.761129 14.105157-26.490173 29.930455-35.606921 48.163951-9.116748 18.061482-14.105157 35.950949-17.889467 55.904586-3.440282 18.061482-4.816395 38.531161-4.988409 58.656812-0.172014 6.70855-0.172014 12.55703-0.344028 26.834201-0.172014 13.589115-0.172014 24.770032-0.172014 33.026709l0 332.67529c0 8.256677 0 19.26558 0.172014 32.854695 0.172014 14.277171 0.172014 20.125651 0.344028 26.834201 0.344028 20.125651 1.548127 40.423316 4.988409 58.656812 3.78431 19.781623 8.77272 37.843104 17.889467 55.904586 9.288762 18.233496 21.845792 34.058794 35.606921 48.163951 14.105157 13.761129 29.930455 26.490173 48.163951 35.778935 18.061482 9.116748 35.950949 14.105157 55.732572 17.889467 18.233496 3.440282 38.531161 4.644381 58.656812 5.160423 6.70855 0.172014 12.55703 0.172014 26.834201 0.344028 13.589115 0.172014 24.770032 0.172014 32.854695 0.172014 41.627415 0 291.047875 0 332.67529 0 8.256677 0 19.26558 0 32.854695-0.172014 14.277171-0.172014 20.125651-0.172014 26.834201-0.344028 20.125651-0.344028 40.423316-1.720141 58.656812-5.160423 19.781623-3.78431 37.843104-8.77272 55.732572-17.889467 18.233496-9.288762 34.058794-22.017806 48.163951-35.778935 13.761129-14.105157 26.490173-29.930455 35.778935-48.163951 9.116748-18.061482 14.105157-35.950949 17.889467-55.904586 3.440282-18.061482 4.644381-38.531161 5.160423-58.656812 0.172014-6.70855 0.172014-12.55703 0.344028-26.834201 0.172014-13.589115 0.172014-24.770032 0.172014-32.854695L959.838737 345.576348C960.010751 337.491685 960.010751 326.310768 959.838737 312.721653zM280.555014 239.099614c35.090879 0 63.645221 25.974131 63.645221 58.140769s-28.554342 58.140769-63.645221 58.140769c-35.434907 0-63.989249-26.146145-63.989249-58.140769C216.737779 264.90173 245.120108 239.099614 280.555014 239.099614zM333.707374 588.460272c-16.857383 52.980346-12.55703 33.370737-79.470519 181.130858l-96.67193-61.409037c0 0 108.196876-99.940198 130.214682-145.695952 23.565933-48.163951-26.146145-73.794053-26.146145-73.794053l-74.310096-46.959852 40.423316-62.957164c55.904586 42.315471 60.032925 45.755753 97.704015 84.286914C354.693096 493.164455 350.908785 534.447841 333.707374 588.460272zM860.586595 657.43793c-18.921552 180.098774-249.592474 113.013271-249.592474 113.013271l12.55703-51.604233 53.496388 11.524945c98.736099 6.364522 89.103309-81.19066 89.103309-81.19066L766.150848 394.428355c0.688056-96.843944-89.619352-106.992777-252.000672-47.991937l37.67109 10.492861c-3.096254 11.180917-15.309256 28.898371-31.134554 48.163951L737.940534 405.09323l0 44.723669-122.130018 0 0 55.732572 121.78599 0 0 44.723669L615.810516 550.27314l0 93.403662c18.40551-6.020494 35.262893-14.449185 49.884092-25.630102l-10.664875-40.59533 57.452713-18.233496 47.991937 119.033764L689.776583 708.182093l-12.55703-47.475895c-31.650596 24.598018-97.187972 60.204939-211.921384 56.936671-122.302033 3.268268-90.82345-140.1915-90.82345-140.1915l3.096254-1.548127 86.179069 0c-0.688056 18.40551-8.084663 48.507979 2.064169 64.84932 8.428691 13.417101 29.930455 15.653284 43.51957 16.513355 1.548127 0.172014 3.268268 0.172014 4.644381 0.172014L513.978162 550.445154l-124.538216 0 0-44.723669 124.538216 0 0-55.732572L481.639509 449.988913c-28.0383 30.102469-53.668402 55.216529-53.668402 55.216529l-37.67109-33.370737c26.834201-28.726356 53.496388-74.138082 70.009743-104.240551-13.417101 5.504452-27.178229 11.524945-41.455401 17.717453-13.761129 18.061482-29.758441 36.294977-47.647909 54.528473 0.688056 0.860071-61.753066-35.606921-61.753066-35.606921 64.333277-55.732572 100.456241-175.282379 100.456241-175.282379l89.619352 25.458088c0 0-7.224593 17.717453-22.705863 44.723669 358.133378-103.036452 379.291114 63.129179 379.291114 63.129179S879.336133 477.167143 860.586595 657.43793z"  p-id="9394"></path></svg>
            <div class="infos">
              <div class="top">
                <div> 淘宝商城 </div>
                <div>扫描二维码,立即购买</div>
                
              </div>
              <img :src="info.tbUrl" alt="" />
            </div>
          </div>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>

import { contactus } from "../../apis/index";
export default {
  name: "aboutus",
  components: {},
  data() {
    return {
      info:null
    };
  },
  computed: {},
  created() {
    contactus()
      .then((res) => {
        this.info = res.data.data
        console.log(this.info, 22222222288888);
       
      })
      .catch(() => {});
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
.aboutus {
  .banner {
    display: block;
    width: 100%;
  }
  .content {
    width: 1420px;
    margin: 0 auto;
    .banner {
      margin: 80px 0 70px;
    }
    ul {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 80px;

      li {
        transition: all 0.3s ease-in-out;
        cursor: pointer;
        color: #323232;
        background: #ebebeb;
        height: 250px;
        width: 32%;
        list-style-type: none;
        margin-bottom: 35px;
        > div {
          padding: 0 40px;
        }

        &:nth-child(2),  &:nth-child(5){
          margin: 0 2%;
        }
        .infos {
          display: flex;
          align-items: flex-end;
          justify-content: space-between;
          .top {
            > div:nth-child(1) {
              margin-bottom: 10px;
            }
          }
          img {
            width: 100px;
            height: 100px;
          }
        }
        svg {
          width: 56px;
          height: 56px;
          color: #2c2c2c;
          margin: 60px 0 10px;
        }
        &:hover {
          color: #ebebeb;

          background: #25a2ab;
          svg {
            fill: #fff;
          }
        }
      }
    }
  }
}
</style>